//  顶部导航滑过显示，移出隐藏  案例（下拉菜单）
$('.nav-item').on('mouseenter','li',function () {
    var index=$(this).index();
    var that=$('.header-nav-menu');
    if(index>=7){
        that.stop().slideUp();
    }else {
        // .header-nav-menu显示下面的ul,ul的兄弟淡出消失，自己显示 
        that.stop().slideDown().find('ul').eq(index).fadeIn().siblings().fadeOut()
        //切换事件，hover滑过ul显示that,移出收起
        that.find("ul").hover(function () {
            that.show();
        }, function () {
            that.stop().slideUp();
        });    
    }
});
$('.header-top').mouseover(function(){
    $('.header-nav-menu').stop().slideUp();
});


// /*页面顶部轮播*/      （案例：轮播图）
$(function(){
    // 声明 下标 （下标作用域要提升）
    var index = 0;
    // 鼠标移入分页按钮 轮播
    var len = $(".slider-main>li").length;
    var timer = null;
    $(".index>li").mouseenter(function(){
        // 得到下标
        index = $(this).index();
        change(index);
    });
    
    //点击上一张 轮播
    $(".pre").click(function(){
        // 改变下标
        index--;
        
        if(index === -1){
            index = len-1;
        }
        change(index);
    })
    // 点击下一张
    $(".next").click(function(){
        index++;
        index%=len;
        change(index);
    })
    // 自动轮播
    timer = setInterval(function(){
        index++;
        index%=len;
        change(index);
    },2000);

    $(".slider").hover(function(){
        clearInterval(timer);
    },function(){
        timer = setInterval(function(){
        index++;
        index%=len;
        change(index);
    },2000);
    });
    function change(index){
        $(".index>li").eq(index).addClass('active').siblings().removeClass('active');
        $(".slider-main>li").eq(index).stop().fadeIn().siblings().stop().fadeOut();
    }
})

// 轮播图左侧列表滑过显示效果(案例：下拉菜单)
$(function(){
    $(".category .category-item").mouseover(function(){
        var index=$(this).index();
        $(".children").eq(index).css("display","block");
    }).mouseout(function(){
        var index1=$(this).index();
        $(".children").eq(index1).css("display","none");
    })

})

// /* Carousel*/
// (function($){
//     $.fn.Carousel=function(options){
//         var dft={
//             div:$('.xm-carousel-wrapper'),
//             ul:$('.main-banner'),
//             next:$('.arrow-l'),
//             pre:$('.arrow-r'),
//             btn:$('.arrow'),
//             num:1,
//             dot:null,
//             left:0,
//             leftA:0,
//             startIndex:0,
//             currentIndex: 0,
//             t:8000,
//             timer:null,
//             auto:true
//         };
//       $.extend(dft,options);
//         return this.each(function(){
//             $(dft.btn).hover(
//                 function(){
//                     stop();
//                 },
//                 function(){
//                     if(dft.auto===true){
//                         start();
//                     }
//                 });
//             $(dft.pre).click(function(){
//                 if(dft.currentIndex==0){
//                     return false;
//                 }
//                 {
//                     dft.startIndex = dft.currentIndex;
//                     dft.currentIndex = --dft.currentIndex % dft.ul.length;
//                     if(dft.dot===null) {
//                         dft.pre.addClass('disable').siblings().removeClass('disable');
//                     }else{

//                         dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
//                     }
//                     dft.left = "-100%";
//                     dft.leftA = "100%";
//                     play(dft.left, dft.leftA);
//                 }
//             });
//             $(dft.next).click(function(){
//                 if(dft.currentIndex==dft.num){
//                     return false;
//                 }
//                 {
//                     dft.startIndex = dft.currentIndex;
//                     dft.currentIndex = ++dft.currentIndex % dft.ul.length;
//                     if(dft.dot===null){
//                             dft.next.addClass('disable').siblings().removeClass('disable');
//                     }else{
//                         dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
//                     }
//                     dft.left = "100%";
//                     dft.leftA = "-100%";
//                     play(dft.left, dft.leftA);
//                 }
//             });
//             if(dft.dot!==null){
//                dft.dot.click(function(){
//                     dft.startIndex=dft.currentIndex;
//                     dft.currentIndex=$(this).index();
//                     if(dft.currentIndex>dft.startIndex){
//                         dft.left = "100%";
//                         dft.leftA = "-100%";
//                         dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
//                         play(dft.currentIndex, dft.startIndex);
//                     }else{
//                         dft.left = "-100%";
//                         dft.leftA = "100%";
//                         dft.dot.eq(dft.currentIndex).addClass('pager-active').siblings().removeClass('pager-active');
//                         play(dft.currentIndex, dft.startIndex);
//                     }
//                 });
//             }
//             function play(){
//                 dft.ul.eq(dft.currentIndex).css({left: dft.left}).stop().animate({left: 0});
//                 dft.ul.eq(dft.startIndex).css({left: 0}).stop().animate({left: dft.leftA});
//             }
//             function start() {
//                 dft.timer = setInterval(function () {
//                     if(dft.currentIndex!==dft.num) {
//                         dft.next.triggerHandler("click");
//                     }else{
//                         dft.pre.triggerHandler("click");
//                     }
//                 },dft.t);
//             }
//             function stop(){
//                 clearInterval(dft.timer);
//             }
//             if(dft.auto===true){
//                 start();
//             }
//         });
//     }
// })(jQuery);
// $('.xm-carousel-wrapper').Carousel({
// });
// $('.xm-carousel-wrapper-1').Carousel({
//     num:3,
//     auto:false,
//     next:$('.arrow-l-1'),
//     pre:$('.arrow-r-1'),
//     ul:$('.xm-carousel-list')
// });
// $('.xm-carousel-wrapper-2').Carousel({
//     ul:$('#book').find('li'),
//     next:$('.control-next '),
//     pre:$('.control-prev'),
//     num:2,
//     dot:$('.content-item-first').find('.pager'),
//     auto:false
// });
// $('.xm-carousel-wrapper-3').Carousel({
//     ul:$('#mi').find('li'),
//     next:$('.control-next-1'),
//     pre:$('.control-prev-1'),
//     num:3,
//     dot:$('.content-item-second').find('.pager'),
//     auto:false
// });
// $('.xm-carousel-wrapper-4').Carousel({
//     ul:$('#GM').find('li'),
//     next:$('.control-next-2'),
//     pre:$('.control-prev-2'),
//     num:3,
//     dot:$('.content-item-third').find('.pager'),
//     auto:false
// });
// $('.xm-carousel-wrapper-5').Carousel({
//     ul:$('#app').find('li'),
//     next:$('.control-next-3'),
//     pre:$('.control-prev-3'),
//     num:3,
//     dot:$('.content-item-fourth').find('.pager'),
//     auto:false
// });
// $('.content-list').on('mouseenter','li',function(){
//     $(this).find('.arrow').on('mouseenter','a',function(){
//         $(this).addClass('change');
//     })
// }).on('mouseleave','li',function(){
//     $(this).find('.arrow').on('mouseleave','a',function(){
//         $(this).removeClass('change');
//     })
// });
// /*tab-list*/
// $('#dp').on('mouseenter','li',function(){
//    $(this).addClass('tab-active').siblings().removeClass('tab-active');
//    var index=$(this).index();
//    $('.box-rt-1>ul').eq(index).show().siblings().hide();
// });
// $('#pj').on('mouseenter','li',function(){
//     $(this).addClass('tab-active').siblings().removeClass('tab-active');
//     var index=$(this).index();
//     $('.box-rt-2>ul').eq(index).show().siblings().hide();
// });
// $('#zb').on('mouseenter','li',function(){
//     $(this).addClass('tab-active').siblings().removeClass('tab-active');
//     var index=$(this).index();
//     $('.box-rt-3>ul').eq(index).show().siblings().hide();
// });


  